<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 超市账单管理系统</title>
    <!-- 后台项目的前端页面，只要是资源引用，推荐写成绝对路径 [URL] [URI]
         不能写成相对路径 ./  ../  不写 ，因为转发会产生资源丢失！

         总结路径：
              转发和getRealPath() -> 项目下的地址即可  /不用加项目根路径

              form action
              重定向
              link css
              script js引入
              img src

              URL 全路径 | URI 一个项目下的URI
     -->
    <link rel="stylesheet" th:href="@{/css/style.css}"/>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>超市账单管理系统</h1>
        </header>
        <section class="loginCont">
            <form class="loginForm" th:action="@{/user/login}" method="post">
                <div class="inputbox">
                    <label for="user">用户名：</label>
                    <input id="user" type="text" name="username" placeholder="请输入用户名" required/>
                </div>
                <div class="inputbox">
                    <label for="mima">密码：</label>
                    <input id="mima" type="password" name="password" placeholder="请输入密码" required/>
                </div>
                <div class="subBtn">
                    <input type="submit" value="登录" />
                    <input type="reset" value="重置"/>
                </div>

            </form>
        </section>
    </section>

</body>
</html>